<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="level1.css">
  
</head>
<body>
    <div class="login">
        <div class="main">
            <!-- 顶部 -->
            <div class="head">
                <span class="psw">密码登录</span>
                <span class="msg">短信登录</span>
            </div>
            <!-- 账号密码框 -->
            <div class="shuru">
                <input class="e-mail" type="text" placeholder="你的手机号/邮箱"/>
                <div class="clear"></div>
                <input class="passwd" type="password" placeholder="密码"/>
                <div class="clear"></div>
            </div>
            <!-- 记住我 -->
            <div class="reb">
                    <input type="checkbox" class="checkbox"   checked ="checked"> 
                    <span class="rm" >记住我</span>
                    <span class="cmp" >不是自己的电脑上不要勾选此项</span>
                    <a href="#">忘记密码？</a>
                    <a href="#">无法验证？</a>
                
            </div>
            <!-- 登录和注册按钮 -->
            <div class="anniu">
                <div class="lg">
                    <a href="https://www.bilibili.com/" class="g" >登录</a>
                    <a href="https://passport.bilibili.com/register/phone.html#/phone" class="f" >注册</a>
                </div>
            </div>
            <!-- QQ微博账号登录 -->
            <div class="tb">
                <a href="#" class="wb"></a>
                <a href="#" class="wbwb" >微博账号登录</a>
                <a href="#" class="qq"></a>
                <a href="#" class="qqqq" >QQ账号登录</a>
                
            </div>
        </div>
    </div>
</body>
</html>